<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/js/index.js"></script>

<script type="text/javascript" src="/static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" href="/static/plugins/jquery-easyui/themes/super/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/plugins/jquery-easyui/themes/super/superBlack.css" id="themeCss">
    <script src="/static/js/superDemo.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8" src="/static/js/super.js"></script>

    <link rel="stylesheet" href="/static/control/css/zyUpload.css" type="text/css">
   <%-- <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>--%>
    <!-- 引用核心层插件 -->
    <script src="/static/core/zyFile.js"></script>
    <!-- 引用控制层插件 -->
    <script src="/static/control/js/zyUpload.js"></script>
    <!-- 引用初始化JS -->
    <script src="/static/core/jq22.js"></script>
    <title>Title</title>

    <script>

    </script>
</head>
<body id="main" class="easyui-layout">

    <div data-options="region:'north',border:false" class="super-north">
        <!--顶部-->
        <div class="super-navigation">
            <!--系统名称-->
            <div class="super-navigation-title">秋名山车神</div>
            <!--自定义导航-->
            <div class="super-navigation-main">
                <div class="super-setting-left">
                    <ul>
                        <li><i class="fa fa-commenting-o"></i>消息</li>
                        <li><i class="fa fa-envelope-o"></i>邮件</li>
                        <li><i class="fa fa-bell-o"></i>通知</li>
                    </ul>
                </div>
                <iframe allowtransparency="true" frameborder="0" width="155" height="30" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=2&t=0&v=0&d=1&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=59287&w=155&h=30&align=left"></iframe>
                <div class="super-setting-right">
                    <ul>

                        <li class="user">
                            <%--<span class="user-icon"><img src="/static/image/favicon.png"/></span>--%>
                            <span class="user-icon"><img src="<shiro:principal property="img"/>"/></span>
                            <shiro:principal property="username"/>

                        </li>
                        <li class="super-setting-li">
                            <div class="super-setting-icon">
                                <i class="fa fa-gears"></i>
                            </div>
                            <div id="mm" class="easyui-menu">
                                <div data-cmd="geren">个人中心</div>
                                <div id="themeSetting">主题</div>
                                <div class="menu-sep"></div>
                                <div id="logout">退出</div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="emp_dialog">

        <form id="emp_form" method="post" enctype="multipart/form-data">
            <div id="demo" class="demo"></div>
        </form>
    </div>

        <%--<div data-options="region:'south',split:true" style="height:100px;">
            <h1 style="color: green;" align="center">版权声明</h1>
        </div>--%>

        <div data-options="region:'south'" class="super-south">
            <!--页脚-->
            <div class="super-footer-info">
                <span><i class="fa fa-info-circle"></i> 作者：jetlag</span>
                <span><i class="fa fa-copyright"></i> CopyRight 2018 版权所有 <i class="fa fa-caret-right"></i></span>
            </div>
        </div>
       <%-- <div data-options="region:'west',split:true" style="width:150px;">
            <div class="easyui-accordion" fit="true">
                <div title="菜单" >--%>
        <div data-options="region:'west',border:false" class="super-west">

            <div class="easyui-accordion" data-options="border:false,fit:true">
                <div title="客户管理">
                    <ul id="menu_customer" class="easyui-datalist"></ul>
                </div>
                <div title="信息管理">
                    <ul id="menu_info" class="easyui-datalist"></ul>
                </div>
                <div title="保单管理">
                    <ul id="menu_policy" class="easyui-datalist"></ul>
                </div>
                <div title="见费出单">
                    <ul id="menu_fee" class="easyui-datalist"></ul>
                </div>
                <div title="理赔管理">
                    <ul id="menu_loss" class="easyui-datalist"></ul>
                </div>
                <div title="员工管理">
                    <ul id="menu_emp" class="easyui-datalist"></ul>
                </div>
                <div title="报表管理">
                    <ul id="menu_chart" class="easyui-datalist"></ul>
                </div>
                <div title="系统管理">
                    <ul id="menu_sys" class="easyui-datalist"></ul>
                </div>

            </div>
        </div>

        <div data-options="region:'center'" style="padding-top: 2px;">
            <!--主要内容-->
            <div id="tt" class="easyui-tabs" data-options="border:false,fit:true">
                <div title="首页" data-options="iconCls:'fa fa-home'">
                    <div style="padding: 20px;">
                       <iframe src="/userindex.do" width="100%" height="100%"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--主题设置弹窗-->
    <div id="win">
        <div class="themeItem">
            <ul>
                <li>
                    <div class="superGreen" style="background: #1abc9c;">green</div>
                </li>
                <li class="themeActive">
                    <div class="superBlue" style="background: #3498db;">blue</div>
                </li>
                <li>
                    <div class="superGray" style="background: #95a5a6;">gray</div>
                </li>
                <li>
                    <div class="superAmethyst" style="background: #9b59b6;">amethyst</div>
                </li>
                <li>
                    <div class="superBlack" style="background: #34495e;">black</div>
                </li>
                <li>
                    <div class="superYellow" style="background: #e67e22;">yellow</div>
                </li>
                <li>
                    <div class="superEmerald" style="background: #2ecc71;">emerald</div>
                </li>
                <li>
                    <div class="superRed" style="background: #e74c3c;">red</div>
                </li>
            </ul>
        </div>
    </div>

    <script type="text/javascript" src="/static/js/data/digit.js"></script>
    <script type="text/javascript" src="/static/js/data/app.js"></script>

<script type="text/javascript">
    $(function() {
        //初始化
        $("#menu_customer").datalist({
                url: 'menu/getMenuByParentId.do?id=15',

                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化2
        $("#menu_info").datalist({
                url: 'menu/getMenuByParentId.do?id=42',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化3
        $("#menu_policy").datalist({
                url: 'menu/getMenuByParentId.do?id=30',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化4
        $("#menu_fee").datalist({
                closable: true,
                url: 'menu/getMenuByParentId.do?id=27',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化5
        $("#menu_loss").datalist({
                closable: true,
                url: 'menu/getMenuByParentId.do?id=17',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化6
        $("#menu_emp").datalist({
                closable: true,
                url: 'menu/getMenuByParentId.do?id=34',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化7
        $("#menu_chart").datalist({
                closable: true,
                url: 'menu/getMenuByParentId.do?id=46',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 92%"></iframe>',
                    })
                }
            }
        )
        //初始化8
        $("#menu_sys").datalist({
                closable: true,
                url: 'menu/getMenuByParentId.do?id=1',
                onClickRow: function (index, row) {
                    var target = row.url;
                    //判断对应节点文本内容的选项卡面板是否已存在,如果已存在就选中,不存在则新增
                    if ($("#tt").tabs("exists", row.text)) {
                        //console.debug(node);
                        $("#tt").tabs("select", row.text);
                        return;
                    }
                    $("#tt").tabs("add", {
                        closable: true,
                        title: row.text,
                        content: '<iframe src=' + target + ' frameborder="0" style="width: 100%; height: 98%"></iframe>',
                    })
                }
            }
        )
    })

</script>
</body>
</html>
